<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用户注册</title>
<style type="text/css">
#div_form_login{
	font:16px '微软雅黑';
	width:450px; background-color:#FFF;
	border:#69F 1px solid;
}
#form_login header{
	width:100%; height:35px; color:#4Fa348;
	background-color:#E9F7FB; padding-top:15px;
	text-align:center; margin-bottom:20px; position:relative;
}
#form_login header .close{ position:absolute; top:15px; right:10px; width:20px; height:20px;}
#form_login header .close:hover{background-color:#FC9;}

#table_form_login{
	width:400px;
	font-size:15px; color:#666;
}
#table_form_login label{font-size:16px; color:#333; letter-spacing:4px;}

#form_login .text_1{width:250px; height:30px; border:#CCC 1px solid; font:14px '微软雅黑'}
#form_login .text_1:focus{outline:0; border-color:#F96;}

#form_login .button_1{
	width:250px; height:35px; border-radius:5px; 
	background-color:#3C9; color:#FFF; border:0;
	font:15px '微软雅黑'; letter-spacing:1px;
}
#form_login .button_1:hover{background-color:#3C6;}

#form_login footer{font-size:14px; color:#999; margin:20px 0 10px; padding-top:5px; border-top:#CCC 1px solid; width:300px;}
#form_login footer a{margin:0 10px; text-decoration:none; color:#0C9;}
</style>
</head>

<body>
<div id="div_form_login" align="center">
	<form action="" method="post" id="form_login">
	<header>
    	注册 Channel123 账号
        <div class="close"><img src="close01.png"></div>
    </header>
    	<table id="table_form_login" border="0" cellpadding="0" cellspacing="10">
    		<tr><td><label for="login_email">邮箱</label></td>
        		<td><input type="email" name="login_email" placeholder=" 邮箱" class="text_1"></td></tr>
        	<tr><td><label for="login_password">密码</label></td>
        		<td><input type="password" name="login_password" placeholder=" 密码" class="text_1"></td></tr>
           	<tr><td></td>
            	<td><input type="button" name="login_submit" value="立即注册" class="button_1"></td></tr>
    	</table>
    <footer>已有账号?<a href="">立即登录</a></footer>
	</form>
</div>
</body>
</html>
